@import '~@/default.less';

@navBg: #333;
@navColor: #b0b0b0;
@navHeight: 40px;

.container {
  width: 100vw;
  height: @navHeight;
  background-color: @navBg;
}

.panel {
  .widthMargin();
  color: @navColor;
  background-color: @navBg;
}

.panel a {
  display: inline-block;
  height: @navHeight;
  padding: 0 6px;
  color: @navColor;
  line-height: @navHeight;
}

.panel span {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #424242;
}

.panel a:hover {
  color: #fff;
}

.leftPanel {
  float: left;
}

.rightPanel {
  float: right;
}

.rightPanel a:last-child {
  padding: 0 20px;
  background-color: #424242;
}
